<template>
  <div>
    <div class="recommend">热门推荐</div>
    <router-link tag='div' class="details" v-for="(item,index) of hotList" :key="index" :to="'./detail'+item.id">
        <img :src="item.imgUrl">
        <div class="intrduce">
          <p>item.title</p>
          <p>item.price</p>

            <input type="button" value="查看详情" class="btn">
        </div>
    </router-link>

  </div>
</template>

<script>
    export default {
        name: "homeComment",
        props:{
          hotList:Array
        }
    }
</script>

<style scoped lang="stylus">
    .recommend
      font-size .4rem
      background-color #eeeeee
      padding .1rem .3rem
    .details
      width 100%
      overflow hidden
      img
        float left!important
        width 25%
        padding .3rem
      .intrduce
        padding .3rem 0
        float left!important
        p
          margin-bottom .3rem
        .btn
          margin-top:.2rem

</style>
